<template>
	<view>
		<view class="bjtp" style="background-image:url('../../../static/newbkc.png');">
			<view class="dengluquflexflex">
				<view class="dengluquflex">
					<text style="color: black; font-size:40rpx ;font-weight:700">管理员登入入口</text>
					<view class="dengluqutext">
						<view class="zhanghaohetubiaoflex">
							<u-icon name="man-add" color="#2979ff" size="28"></u-icon>
							<u--input placeholder="请输入账号" type="text" border="surround" clearable></u--input>
						</view>
					</view>
					<view class="dengluqupsw">
						<view class="mimahetubiaoflex">
							<u-icon name="lock" color="#2979ff" size="28"></u-icon>
							<u--input placeholder="请输入密码" type="password" border="surround" clearable></u--input>
						</view>
					</view>


					<view class="yanzhengmaflex">
						<view class="yanzhengma">

							<u--input placeholder="请输入验证码" type="text" border="surround" clearable></u--input>
						</view>
						<text class="yanzhengmatupian" style="text-align: center;">验证码图</text>


					</view>

					<!-- <label>
						<checkbox :value="11" /><text>记住密码</text>
					</label> -->
				</view>
				<view class="dengluanniuflex">
					<view class="dengluanniu">
						<u-button type="primary" text="登录"></u-button>
					</view>
				</view>
			</view>
		</view>
	</view>


</template>

<script>
	export default {
		data() {
			return {}
		},

		methods: {

		}
	}
</script>

<style>
	/* 	body{
		
		background-image: url(../../@/static/bkc.png);
		
	} */
	.bjtp {
		background-repeat: no-repeat;
		background-size: cover; /* 图片铺满 等比例放大 全屏显示*/
		position: fixed;
		width:100%;
		height: 100%;
	

	}

	.dengluquflexflex {
		display: flex;
		height: 1000rpx;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}

	.dengluquflex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}

	.dengluqutext {
		margin-top: 50rpx;
		border-radius: 20rpx;
		width: 705rpx;
		height: 200rpx;
		flex: 1;
	}

	.dengluqupsw {
		border-radius: 20rpx;
		width: 705rpx;
		height: 200rpx;
		margin-top: 20rpx;
		flex: 1;
	}

	.yanzhengma {
		border-radius: 20rpx;
		width: 480rpx;
		height: 200rpx;
		margin-top: 20rpx;
		flex: 1;
	}

	.yanzhengmatupian {
		margin-top: 18rpx;
		margin-left: 18rpx;
		width: 150rpx;
		height: 80rpx;
		border-radius: 20rpx;
		background-color: rgb(60, 156, 255);
	}

	.dengluanniuflex {
		display: flex;
		justify-content: center;

	}

	.dengluanniu {
		width: 200rpx;
		height: 200rpx;
		margin-top: 20rpx;
	}

	.yanzhengmaflex {
		display: flex;
		width: 500rpx;
		justify-content: center;

	}

	.zhanghaohetubiaoflex {
		display: flex;
	}

	.mimahetubiaoflex {
		display: flex;
	}

	.yanzhengmahetubiaoflex {
		display: flex;

	}
</style>
